mj-text
This tag allows you to display text and HTML in your email.
<mjml>
<mj-body>
<mj-section>
<mj-column>
<mj-text font-family="Helvetica" color="#F45E43">
<h1>Title</h1>
<p>Paragraph</p>
<p style="font-family:Comic Sans Ms">Another paragraph</p>
</mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>
`mj-text` is an "ending tag", which means it can contain HTML code which will be left as it is, so it can contain HTML tags with attributes, but it cannot contain other MJML components. More information about ending tags
in this section.
attribute | unit | description | default value |
---|
color | color | text color | #000000 |
font-family | string | font | Ubuntu, Helvetica, Arial, sans-serif |
font-size | px | text size | 13px |
font-style | string | normal/italic/oblique | n/a |
font-weight | number | text thickness | n/a |
line-height | px | space between the lines | 1 |
letter-spacing | px,em | letter spacing | none |
height | px | The height of the element | n/a |
text-decoration | string | underline/overline/line-through/none | n/a |
text-transform | string | uppercase/lowercase/capitalize | n/a |
align | string | left/right/center/justify | left |
container-background-color | color | inner element background color | n/a |
padding | px | supports up to 4 parameters | 10px 25px |
padding-top | px | top offset | n/a |
padding-bottom | px | bottom offset | n/a |
padding-left | px | left offset | n/a |
padding-right | px | right offset | n/a |
css-class | string | class name, added to the root HTML element created | n/a |